
<template>
    <div class="layouts">
        <div class="topMenu">
            <topMenu :isMainWindow="true"></topMenu>
        </div>
        <div class="layoutsInner">
            <leftMenu></leftMenu>
            <div class="main-content">
                <div class="main-content-radius">
                    <router-view></router-view>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'layouts',
    props: {},
    components: {
        leftMenu: () => import('@/layouts/leftMenu/index.vue'),
        topMenu: () => import('@/layouts/topMenu/index.vue'),
    },
    data () {
        return {
        }
    },
    computed: {},
    watch: {},
    methods: {
        initEleFunc(){
            let params = {
                width: 1080,
                height: 700,
                resizable:true,
                maxable:true,
                isLogin: false
            }
            window.myIpcRenderer.send("set_win_size",window.myRemote.getCurrentWindow().id,params)
            window.myIpcRenderer.on('logData', (event, logs) => {
                console.log(logs);
            });
        },
    },
    beforeCreate () {
    },
    created () {
    },
    beforeMount () {
    },
    mounted () {
        this.initEleFunc();
    },
    beforeUpdate () {
    },
    updated () {
    },
    activated () {
    },
    deactivated () {
    },
    beforeDestroy () {
    },
    destroyed () {
    }
}
</script> 
<style scoped lang='less'>
.layouts{
    width: 100%;
    height: 100%;
    .topMenu{
        height:50px;
        background-color: var(--headerBgColor);
    }
    .layoutsInner{
        width: 100%;
        height: calc(100% - 50px);
        display: flex;
        .main-content{
            flex:1;
            height: 100%;
            background-color: var(--headerBgColor);
            .main-content-radius{
                width:100%;
                height:100%;
                overflow: hidden;
                border-top-left-radius: 20px;
                background-color: #fff;
            }
        }
    }
}
</style>
